@charset "utf-8"; 
* { padding:0; margin:0; list-style:none;}
html { overflow:hidden;}
body,html { font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
.clear{ clear:both;}
a { color:#000; text-decoration:none;}
a:hover { text-decoration:none; color:#009241;}
img { border:0;}
.warp { width:1200px; margin:0 auto;}

.fp-enabled body,
html.fp-enabled { margin:0; padding:0; overflow:hidden; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fp-section { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.fp-slide { float:left;}
.fp-slide,
.fp-slidesContainer { height:100%; display:block;}
.fp-slides { z-index:1; height:100%; overflow:hidden; position:relative; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.fp-section.fp-table,
.fp-slide.fp-table { display:table; table-layout:fixed; width:100%;}
.fp-tableCell { display:table-cell; vertical-align:middle; width:100%; height:100%;}
.fp-slidesContainer { float:left; position:relative;}
.fp-controlArrow { -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; position:absolute; z-index:4; top:50%; cursor:pointer; width:0; height:0; border-style:solid; margin-top:-38px; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.fp-controlArrow.fp-prev { left:15px; width:0; border-width:38.5px 34px 38.5px 0; border-color:transparent #fff transparent transparent;}
.fp-controlArrow.fp-next { right:15px; border-width:38.5px 0 38.5px 34px; border-color:transparent transparent transparent #fff;}
.fp-scrollable { overflow:hidden; position:relative;}
.fp-scroller { overflow:hidden;}
.iScrollIndicator { border:0!important;}
.fp-notransition { -webkit-transition:none!important; transition:none!important;}
#fp-nav { position:fixed; z-index:100; margin-top:-32px; top:50%; opacity:1; -webkit-transform:translate3d(0,0,0);}
#fp-nav.fp-right { right:17px;}
#fp-nav.fp-left { left:17px;}
.fp-slidesNav { position:absolute; z-index:4; opacity:1; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); left:0!important; right:0; margin:0 auto!important;}
.fp-slidesNav.fp-bottom { bottom:17px;}
.fp-slidesNav.fp-top { top:17px;}
#fp-nav ul,.fp-slidesNav ul { margin:0; padding:0;}
#fp-nav ul li,.fp-slidesNav ul li { display:block; width:14px; height:13px; margin:7px; position:relative;}
.fp-slidesNav ul li { display:inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a { display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none;}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span { height:12px; width:12px; margin:-6px 0 0 -6px; border-radius:100%;}
#fp-nav ul li a span,.fp-slidesNav ul li a span { border-radius:50%; position:absolute; z-index:1; height:4px; width:4px; border:0; background:#eee; left:50%; top:50%; margin:-2px 0 0 -2px; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span { width:10px; height:10px; margin:-5px 0 0 -5px;}
#fp-nav ul li .fp-tooltip { position:absolute; top:-2px; color:#eee; font-size:14px; font-family:arial,helvetica,sans-serif; white-space:nowrap; max-width:220px; overflow:hidden; display:block; opacity:0; width:0; cursor:pointer;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip { -webkit-transition:opacity .2s ease-in; transition:opacity .2s ease-in; width:auto; opacity:1;}
#fp-nav ul li .fp-tooltip.fp-right { right:20px;}
#fp-nav ul li .fp-tooltip.fp-left { left:20px;}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section { height:auto!important;}
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section { height:auto!important;}
.fp-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

/*banner*/
.banner { width:100vw; width:100%; height:100vh; position:relative;}
.banner li { position:relative;}
.banner li .img { position:relative; left:0; top:0; width:100%; height:100vh; background-size:cover !important; z-index:8; -moz-transition:all 3s ease-in-out; -webkit-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 3s ease-in-out;}	
.banner .slick-arrow { display:block; width:63px; height:63px; background-position:center center; background-repeat:no-repeat; transform:translate(0,0); position:absolute; top:58%; z-index:99; transition:300ms; filter:alpha(opacity=50); opacity:0.5; -webkit-transition:300ms; animation:moveL 2s linear infinite;}
.banner .slick-prev { left:105px; background-image:url(../images/banner_left.png);}
.banner .slick-next { right:105px; background-image:url(../images/banner_right.png);}
.banner .slick-prev:hover,.banner .slick-next:hover { filter:alpha(opacity=100); opacity:1;}
.banner .slick-active .img { visibility:visible !important; -webkit-animation:scaleUpDown 3s forwards cubic-bezier(0.250,0.460,0.450,0.940); animation:scaleUpDown 3s forwards cubic-bezier(0.250,0.460,0.450,0.940);}
@keyframes moveL { 
	0% { transform:translateX(0); -webkit-transform:translateX(0);}
	25% { transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50% { transform:translateX(0); -webkit-transform:translateX(0);}
	75% { transform:translateX(3px); -webkit-transform:translateX(3px);}
	100% { transform:translateX(0); -webkit-transform:translateX(0);}
}
@-webkit-keyframes moveL { 
	0% { transform:translateX(0); -webkit-transform:translateX(0);}
	25% { transform:translateX(-3px); -webkit-transform:translateX(-3px);}
	50% { transform:translateX(0); -webkit-transform:translateX(0);}
	75% { transform:translateX(3px); -webkit-transform:translateX(3px);}
	100% { transform:translateX(0); -webkit-transform:translateX(0);}
}
@-webkit-keyframes scaleUpDown { 
	from { -webkit-transform:scale(1.05); transform:scale(1.05);}
	to { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes scaleUpDown { 
	from { -webkit-transform:scale(1.05); transform:scale(1.05);}
	to { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
}

/*头部*/
.head { width:100%; height:70px; padding:15px 0; background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0)); position:fixed; left:0; top:0; z-index:2;}
.head .logo { float:left; height:70px;}
.head .logo img { display:block; height:100%;}
.head .nav { float:right; width:950px;}
.head .nav li { float:left; height:30px; line-height:30px; margin:22px 0 0 5px; border-radius:30px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.head .nav li a { display:block; padding:0 15px; font-size:18px; color:#333; -webkit-transition:all .3s ease; transition:all .3s ease;}
.head .nav li:hover,.head .nav .on { background:#009241;}
.head .nav li:hover a,.head .nav .on a { color:#fff;}
.head .nav ul { float:right;}
.head .nav .lang { float:right; height:30px; line-height:30px; font-weight:bold; font-size:18px; color:#e77918; margin:23px 0 0 10px; position:relative;}
/*.head .nav .lang span::after { content:""; margin:2.5px 0 0 5px; border:5px solid; border-color:#009241 transparent transparent transparent; position:absolute; top:50%; transform:translateY(-50%);}*/

.headbg { background:#fff;}


/*特效*/
.enlarge { overflow:hidden; opacity:0; -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5); transition:all 1s; transition-delay:0s;}
.active .enlarge { opacity:1 !important; -webkit-transform:scale(1,1) !important; transform:scale(1,1) !important; transition-delay:0.2s;}
.upward { overflow:hidden; opacity:0; -webkit-transform:translateY(200px); transform:translateY(200px); transition:all 1s; transition-delay:0s;}
.active .upward { opacity:1 !important; -webkit-transform:translateY(0px) !important; transform:translateY(0px) !important; transition-delay:0.4s;}

/*标题*/
.tits { text-align:center; color:#363636; margin-top:10%;}
.tits h1 { font-size:34px; letter-spacing:2px; line-height:45px;}
.tits h3 { font-size:20px; font-weight:200; text-transform:Uppercase; line-height:35px; position:relative;}
.tits h3::after { display:block; content:""; width:40px; height:2px; margin:auto; background:#009241; position:absolute; left:0; right:0; bottom:-10px;}
.tits p { font-size:14px; margin-top:25px; color:#3b3b3b; line-height:25px;}
.tits a { display:block; width:170px; height:45px; line-height:45px; margin:40px auto 0 auto; border-radius:45px; background:#e77918; overflow:hidden; position:relative;}
.tits a::after { display:block; content:""; width:0%; height:45px; margin:auto; background:rgba(0,0,0,0.1); position:absolute; top:0; left:0; right:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tits a span { display:block; width:100%; font-size:14px; color:#fff; position:relative; z-index:2;}
.tits a:hover::after { width:100%;}

/*走进博华*/
.about { width:100%;}
.about .tits { margin-bottom:90px;}
.about li { float:left; width:calc(100% / 4); text-align:center; -webkit-transition:all 0.8s ease; transition:all 0.8s ease;}
.about li a { display:block; padding:0 30px;}
.about li .img { width:80px; height:80px; padding:30px; margin:0 auto 20px auto; border-radius:50%; background:#eee; -webkit-transition:all 0.8s ease; transition:all 0.8s ease;}
.about li .img img { display:block; width:80px; height:80px;}
.about li h3 { font-size:20px; color:#1f1f1f; line-height:40px; font-weight:500; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about li h4 { font-size:14px; color:#999; text-transform:Uppercase; font-weight:500;}
.about li i { display:block; width:50px; height:3px; margin:15px auto; background:#009241; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about li p { padding:0 20px; font-size:14px; color:#3c3c3c; line-height:25px;}
.about li:hover { transform:translateY(-20px);}
.about li:hover .img { transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -ms-transform:rotateY(360deg);}
.about li:hover h3 { color:#009241;}
.about li:hover i { width:20px;}

/*产品展示*/
.pros { width:100%;}
.pros .tits { color:#fff; margin-bottom:50px;}
.pros .tits h3::after { background:#e77918;}
.pros .parHd { height:30px; line-height:30px; text-align:center;}
.pros .parHd li { display:inline-block; width:130px; font-size:14px; color:#fff; margin:0 10px; border:1px solid #fff; border-radius:30px; cursor:pointer;}
.pros .parHd li.on { color:#e77918; background:#fff;}
.pros .parBd { margin-top:140px;}
.pros .parBd,.pros .parBd .slideBox { width:100%; position:relative;}
.pros .parBd .slideBox .sPrev,.pros .parBd .slideBox .sNext { display:block; width:55px; height:80px; filter:alpha(opacity=50); opacity:0.5; background-position:center; background-repeat:no-repeat; position:absolute; top:30%; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .parBd .slideBox .sPrev { background-image:url(../images/bh_07.png); left:-70px;}
.pros .parBd .slideBox .sNext { background-image:url(../images/bh_08.png); right:-70px;}
.pros .parBd .slideBox .sPrev:hover,.pros .parBd .slideBox .sNext:hover { filter:alpha(opacity=100); opacity:1;}
.pros .parBd .slideBox .tempWrap { width:100% !important;}
.pros .parBd .slideBox ul { display:block; zoom:1; position:relative; z-index:2;}
.pros .parBd .slideBox li { float:left;}
.pros .parBd .slideBox li a { display:block; width:290px; margin-right:13px;}
.pros .parBd .slideBox li .img { width:290px; height:240px; margin-bottom:20px; background:#fff; overflow:hidden; -webkit-transition:all .6s ease; transition:all .6s ease;}
.pros .parBd .slideBox li .img img { display:block; width:100%; -webkit-transition:all 1.2s ease; transition:all 1.2s ease;}
.pros .parBd .slideBox li h3 { height:50px; line-height:25px; font-weight:500; font-size:20px; color:#fff; text-align:center; padding:0 10px; overflow:hidden;}
.pros .parBd .slideBox li:hover .img { box-shadow:0 5px 20px rgba(0,0,0,0.2); background:#fff;}
.pros .parBd .slideBox li:hover .img img { transform:scale(1.2,1.2);}

/*新闻中心*/
.news { width:100%;}
.news .tits { margin-bottom:6%;}
.news .cnter { padding:45px; background:#fff;}
.news .cnter .img { float:left; width:375px; margin:30px 0; position:relative;}
.news .cnter .img::after { display:block; content:""; width:370px; height:380px; border-radius:4px; background:#f8f8f8; position:absolute; left:50px; top:0;}
.news .cnter .img img { display:block; width:375px; height:260px; margin:55px 0; border-radius:4px; box-shadow:0 5px 20px rgba(5,20,92,0.5); position:relative; z-index:2;}
.news .cnter .img video { display:block; width:375px; height:260px; margin:55px 0; border-radius:4px; box-shadow:0 5px 20px rgba(5,20,92,0.5); position:relative; z-index:2;}
.news .cnter .rgt { float:right; width:640px;}
.news .cnter .rgt li { width:100%; height:105px; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.news .cnter .rgt li a { display:block; padding:22.5px 25px;}
.news .cnter .rgt li .time { float:left; width:65px; font-size:30px; color:#060606; text-align:center; padding-right:10px; border-right:1px dashed #757575; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.news .cnter .rgt li .time span { display:block; font-size:14px; color:#666; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.news .cnter .rgt li .msg { float:right; width:495px; line-height:30px;}
.news .cnter .rgt li .msg h3 { font-size:16px; color:#4a3a4d; font-weight:500; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .cnter .rgt li .msg p { font-size:14px; color:#757575; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .cnter .rgt li:hover { background:#009241;}
.news .cnter .rgt li:hover .time { border-color:#fff;}
.news .cnter .rgt li:hover .time,.news .cnter .rgt li:hover .time span,.news .cnter .rgt li:hover .msg h3,.news .cnter .rgt li:hover .msg p { color:#fff;}

/*联系我们*/
.contact { width:100%; padding-bottom:8%;}
.contact .tits { color:#fff; margin-bottom:65px;}
.contact .tits h3::after { background-color:#fff;}
.contact .tits p { font-size:18px; color:#fff;}
.contact .lft { float:left; width:585px; height:395px; border:2px solid #c9c9c9; overflow:hidden;}
.contact .rgt { float:right; width:430px;}
.contact .rgt li { min-height:54px; font-size:20px; color:#fff; padding:8px 0 0 60px; margin-bottom:20px; line-height:40px; background-position:left 10px; background-repeat:no-repeat; background-size:40px;}
.contact .rgt li a { color:#fff;}
.contact .rgt .tel { background-image:url(../images/bh_11.png);}
.contact .rgt .adds { background-image:url(../images/bh_12.png);}
.contact .rgt .email { background-image:url(../images/bh_13.png);}
.contact .rgt .web { background-image:url(../images/bh_14.png);}

.foot { width:100%; font-size:14px; color:#949494; padding:25px 0; background:#252525; position:absolute; left:0; bottom:0;}
.foot .link { width:970px; margin:0 auto;}
.foot .link span,.foot .link a { display:block; float:left; line-height:45px;}
.foot .link a { width:205px; height:45px; margin-bottom:15px; margin-left:15px;}
.foot .link img { display:block; width:205px; height:45px;}
.foot p { text-align:center;}
.foot a { color:#949494;}
.foot i { font-style:normal; cursor:pointer;}
.sh_ow .honrimg { display:block;}
.honrimg { display:none; width:100%; height:100vh; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:999999;}
.honrimg img { display:block; width:1000px; height:710px; margin:auto; border-radius:10px; position:absolute; top:0; right:0; bottom:0; left:0;}